<!DOCTYPE html>
<html lang="en">
<head><meta name="generator" content="Hexo 3.8.0">
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="google-site-verification" content="xBT4GhYoi5qRD5tr338pgPM5OWHHIDR6mNg1a3euekI">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="邓博的博客">
    <meta name="keyword" content="浪潮">
    <meta name="baidu-site-verification" content="iMyzU5b7tA">
    <link rel="shortcut icon" href="/img/favicon.png">

    <title>
        
        博客建站 - 邓博的博客 | Austin&#39;s Blog
        
    </title>

    <!-- Custom CSS -->
    <link rel="stylesheet" href="/css/aircloud.css">
    <link rel="stylesheet" href="/css/gitment.css">
    <!--<link rel="stylesheet" href="https://imsun.github.io/gitment/style/default.css">-->
    <link href="//at.alicdn.com/t/font_620856_pl6z7sid89qkt9.css" rel="stylesheet" type="text/css">
    <!-- ga & ba script hoook -->
    <script></script>
</head>

<body>

<div class="site-nav-toggle" id="site-nav-toggle">
    <button>
        <span class="btn-bar"></span>
        <span class="btn-bar"></span>
        <span class="btn-bar"></span>
    </button>
</div>

<div class="index-about">
    <i> 万花丛中一点绿 </i>
</div>

<div class="index-container">
    
    <div class="index-left">
        
<div class="nav" id="nav">
    <div class="avatar-name">
        <div class="avatar">
            <img src="/img/zh.jpg">
        </div>
        <div class="name">
            <i>西电db</i>
        </div>
    </div>
    <div class="contents" id="nav-content">
        <ul>
            <li>
                <a href="/">
                    <i class="iconfont icon-shouye1"></i>
                    <span>主页</span>
                </a>
            </li>
            <!-- <li >
                <a href="/tags">
                    <i class="iconfont icon-biaoqian1"></i>
                    <span>标签</span>
                </a>
            </li> -->
            <li>
                <a href="/archive">
                    <i class="iconfont icon-guidang2"></i>
                    <span>作品</span>
                </a>
            </li>
            <li>
                <a href="/about/">
                    <i class="iconfont icon-guanyu2"></i>
                    <span>关于</span>
                </a>
            </li>
            <!--  -->
        </ul>
    </div>
    
        <div id="toc" class="toc-article">
    
</div>
    
</div>


<div class="search-field" id="search-field">
    <div class="search-container">
        <div class="search-input">
            <span id="esc-search"> <i class="icon-fanhui iconfont"></i></span>
            <input id="search-input">
            <span id="begin-search">搜索</span>
        </div>
        <div class="search-result-container" id="search-result-container">

        </div>
    </div>
</div>
        <div class="index-about-mobile">
            <i> 万花丛中一点绿 </i>
        </div>
    </div>
    
    <div class="index-middle">
        <!-- Main Content -->
        


<div class="post-container">
    <div class="post-title">
        博客建站
    </div>

    <div class="post-meta">
        <span class="attr">发布于：<span>2018-11-08 13:02:55</span></span>
        
        
        <span class="attr">访问：<span id="busuanzi_value_page_pv"></span>
</span>

    </div>
    <div class="post-content no-indent">
        <p><strong>突然发现大佬们都有自己独立的博客，或是搭建在github上的或者是搭建在码云上边的亦或者自己搭建在服务器上的。慢慢的大学同学也成了大佬，那我只能从众了</strong></p>
<p>说到博客的选择，国内的码云显得那么low了一点，大家知道的都是那个同性交友的最大平台github，我们都知道程序员的两个必不可少的hub其中一个就是github另外一个因为少儿不宜就不多提了。</p>
<p>我这里选择的就是github中的一个重要的功能，github page的功能，这个功能就足够我们搭建一个只有静态页面的博客了。</p>
<ol>
<li><p>申请github账号<br>这个我们就不多提了</p>
</li>
<li><p>建立自己独立的仓库<br>这个地方还是有一点小技巧的，话不多少直接上图：<br><img src="/2018/11/08/buildblog/github.png" alt=""><br>如图所示，这个地方的仓库名字一定要跟你的github的用户名一致这样才能正常访问到，新建完成以后,就可以通过 yourname.github.io访问你的博客，因为这里你还没有设置主页可能什么东西都访问不到。</p>
</li>
<li><p>安装hexo<br>hexo是一个基于node的建站工具。<br>首先安装(默认已经安装了node+npm环境):<br><code>npm install hexo -g</code><br>安装完成以后，新建项目文件夹，建完以后进入该文件夹执行：<br><code>hexo init</code><br>这样hexo初始化的项目就建立成功了。接下来就是安装一些依赖：<br><code>npm install</code></p>
</li>
<li><p>体验hexo<br>这时候项目的依赖已经搭建完成，只需要输入：<br><code>hexo s</code><br>当出现：</p>
 <figure class="highlight sql"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br></pre></td><td class="code"><pre><span class="line">INFO  <span class="keyword">Start</span> processing</span><br><span class="line">INFO  Hexo <span class="keyword">is</span> running <span class="keyword">at</span> <span class="keyword">http</span>://localhost:<span class="number">4000</span> . Press Ctrl+C <span class="keyword">to</span> stop.</span><br></pre></td></tr></table></figure>
<p>的时候，访问网址就可以看到官方Demo。</p>
</li>
<li>写作<br>博客其实就是用来写作的，我们先不要去关系，界面的好看与否，因为后面会有一系列的主题供我们选择但是这里我们就需要学会怎么写出自己的第一篇博客。同样执行代码：<br><code>hexo new &quot;blogname&quot;</code><br>这样之后在source文件夹下面的_post文件夹里面就会出现blogname.md的这样一个文件，这个就是你的博客的文件，想写出什么新花样你要学会使用markdown语法来对这个文件进行编辑。</li>
<li><p>上传<br>到这里我们已经可以写出自己的第一篇博客了，但是等等，我们还只能通过localhost的方式访问网站，别人是访问不到的啊。这里就用到之前我们申请到的github仓库了。首先安装扩展：<br><code>npm install hexo-deployer-git --save</code><br>之后找到_config.yml这个文件，打开文件去修改部署需要的配置：</p>
<figure class="highlight less"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br></pre></td><td class="code"><pre><span class="line"><span class="attribute">deploy</span>:</span><br><span class="line">    <span class="attribute">type</span>: git</span><br><span class="line">    <span class="attribute">repository</span>: git<span class="variable">@github</span>.<span class="attribute">com</span>:yourname/yourname.github.io.git</span><br><span class="line">    <span class="attribute">branch</span>: master</span><br></pre></td></tr></table></figure>
<p>repo值是你在github项目里的ssh<br>ok!到此为止一切配置结束，最后的命令：<br><code>hexo d -g</code><br>这样你的项目就成功部署到github中，通过刚才yourname.github.io就可以访问到你的博客了！</p>
</li>
</ol>

        
        <br>
        <div id="comment-container">
        </div>
        <div id="disqus_thread"></div>

        <div id="lv-container">
        </div>

    </div>
</div>
    </div>
</div>


<footer class="footer">
    <ul class="list-inline text-center">
        
        <li>
            <a target="_blank" href="https://twitter.com/xidiandb">
                            <span class="fa-stack fa-lg">
                                <i class="iconfont icon-twitter"></i>
                            </span>
            </a>
        </li>
        
        
        <li>
            <a target="_blank" href="https://www.zhihu.com/people/xi-dian-db">
                            <span class="fa-stack fa-lg">
                                 <i class="iconfont icon-zhihu"></i>
                            </span>
            </a>
        </li>
        

        
        <li>
            <a target="_blank" href="http://weibo.com/1086587667">
                            <span class="fa-stack fa-lg">
                                  <i class="iconfont icon-weibo"></i>
                            </span>
            </a>
        </li>
        

        
        <li>
            <a target="_blank" href="https://www.facebook.com/100030217413093">
                            <span class="fa-stack fa-lg">
                                <i class="iconfont icon-facebook"></i>
                            </span>
            </a>
        </li>
        

        
        <li>
            <a target="_blank" href="https://github.com/xidiandb">
                            <span class="fa-stack fa-lg">
                                <i class="iconfont icon-github"></i>
                            </span>
            </a>
        </li>
        

        

    </ul>
    

    <p>
        <span id="busuanzi_container_site_pv">
            共有<span id="busuanzi_value_site_pv"></span>次访问
        </span>
    </p>
</footer>




</body>

<script>
    // We expose some of the variables needed by the front end
    window.hexo_search_path = ""
    window.hexo_root = "/"
    window.isPost = true
</script>
<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
<script src="/js/index.js"></script>
<script async src="//busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js"></script>




</html>
